<!DOCTYPE html><!--[if lte IE 8]>
<html lang="zh-CN" class="lte-ie8">
<![endif]-->
<!--[if gt IE 8]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<base target=_blank><head><meta charset="utf-8"><title>吴华锦 - 前端工程师</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async></script><link rel="stylesheet" href="index.css"><link rel="shortcut icon" href="static/favicon.png"><script>(function (i, s, o, g, r, a, m) {
    i['GoogleAnalyticsObject'] = r;
    i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
    a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-71624765-5', 'auto');
ga('send', 'pageview');</script></head><body><!--[if lte IE 8]><div class="lte-ie8-comment-wrapper"><p class="lte-ie8-comment">你正在使用 IE8 或更老的古董浏览器，还是快升级或者换浏览器吧~</p></div><![endif]--><aside><ul class="links"><li class="link"><a href="https://whjin.github.io/blog">博客</a></li><li class="link"><a href="https://segmentfault.com/u/whjin/">思否</a></li><li class="link"><a href="https://github.com/whjin/resume">源代码</a></li><li class="link"><a href="static/wuhuajin.pdf">PDF 下载</a></li></ul></aside><div class="container"><main><header class="row"><figure class="header-qrcode"><img src="static/wechat.svg" alt="13927419410" class="qrcode-img invisible-lt-sm visible-print"/></figure><section class="title"><h1>吴华锦</h1><h2>前端工程师/软件工程师</h2></section><address><ul class="contact"><li class="contact-sinaweibo"><a href="http://weibo.com/boyatazhizi">华锦</a></li><li class="contact-wechat">13927419410</li><li class="contact-email"><a href="mailto://wuhuajin09@163.com">wuhuajin09@163.com</a></li><li class="contact-github"><a href="https://github.com/whjin">https://github.com/whjin</a></li><li class="contact-blog"><a href="https://whjin.github.com">https://whjin.github.com</a></li><!--+responsive("wechat", contact.wechat, "visible-lt-sm invisible-print")--></ul></address></header><article class="content row"><article class="column-6 first column"><section class="education"><div class="sec-title-wrapper"><h3 class="sec-title"><span class="sec-title-ch">教育经历</span><span class="sec-title-en">Education</span></h3></div><div class="timeline-wrapper"><ul class="sec-content timeline"><li class="timeline-item education-undergraduate"><h3 class="timeline-title"><time class="education-time">2009 ~ 2013</time></h3><dl class="education-description timeline-content"><dt class="education-name">深圳大学</dt><dd class="education-major">电子信息工程（本科）</dd><dd class="education-honor">优秀义工</dd><dd class="education-honor">学业奖学金</dd></dl></li></ul></div></section><section class="language"><div class="sec-title-wrapper"><h3 class="sec-title"><span class="sec-title-ch">语言水平</span><span class="sec-title-en">Language</span></h3></div><div class="sec-content"><dl class="language-certificates"><div class="language-cert-wrapper"><dt class="language-cert-type">CET-6</dt><dd class="progress language-cert-score"><div style="width: NaN%;" class="progress-bar"><span class="progress-label"></span></div></dd></div></dl><ul class="language-description"><li class="language-desc-item">能流畅阅读英文专业书籍、文档及其他资料。</li><li class="language-desc-item">可无字幕观看MOOC课程、开发者大会视频。</li><li class="language-desc-item">能够在英文邮件列表、Stack Overflow正常交流。</li></ul></div></section><section class="experience"><div class="sec-title-wrapper"><h3 class="sec-title"><span class="sec-title-ch">项目与工作经验</span><span class="sec-title-en">Experience</span></h3></div><div class="timeline-wrapper"><ul class="sec-content timeline"><li class="timeline-item experience-internship"><h3 class="timeline-title"><span class="experience-place">共济科技</span><time class="experience-time">2013.07 ~ 2019.04</time></h3><dl class="experience-description timeline-content"><dt class="experience-position">组态设计</dt><dd class="experience-task">设计数据中心监控系统，工程现场解决突发问题。</dd><dd class="experience-task">优化项目流程，协调各部门的沟通与合作，提升项目执行和交付效率。</dd><dd class="experience-task">搭建项目素材库以及人员分配系统，增强团队协作能力和较少重复性工作，保证项目高质量输出。</dd></dl></li><li class="timeline-item experience-internship"><h3 class="timeline-title"><span class="experience-place">共济科技</span><time class="experience-time">2017.04 ~ 2019.04</time></h3><dl class="experience-description timeline-content"><dt class="experience-position">前端开发</dt><dd class="experience-task">开发微模块产品<strong>H5</strong>应用，设计展厅宣传网站，提高产品的推广效率。</dd><dd class="experience-task">参与公司官网改版，与HR同事合作完成招聘网页和宣传海报设计，快速完成公司招聘任务。</dd><dd class="experience-task">参与公司内部办公系统的前端开发，基于<strong>jQueryUI</strong>、<strong>Bootstrap</strong>完成业务需求，实现<strong>UI</strong>与数据交互。</dd></dl></li><li class="timeline-item experience-project"><h3 class="timeline-title"><span class="experience-project-type">项目</span><span class="experience-title-aside"><a href="https://github.com/whjin/frontend-dev-doc" class="experience-project-link">源代码</a><a href="https://whjin.github.io/frontend-dev-doc" class="experience-project-link">DEMO</a></span></h3><dl class="experience-description timeline-content"><dt class="experience-project-name">前端开发文档</dt><dd class="experience-task">前端开发文档汇总（含代码规范、开发流程、学习笔记、知识分享,持续更新）。</dd></dl></li><li class="timeline-item experience-project"><h3 class="timeline-title"><span class="experience-project-type">项目</span><span class="experience-title-aside"><a href="https://github.com/whjin/site-nav" class="experience-project-link">源代码</a><a href="https://whjin.github.io/site-nav" class="experience-project-link">DEMO</a></span></h3><dl class="experience-description timeline-content"><dt class="experience-project-name">前端网址导航</dt><dd class="experience-task">收集经常访问的优秀前端资源站点（含技术站点、优秀博客、开发工具、技术周刊等）。</dd></dl></li><li class="timeline-item experience-project"><h3 class="timeline-title"><span class="experience-project-type">项目</span><span class="experience-title-aside"><a href="https://github.com/whjin/TBuys" class="experience-project-link">源代码</a><a href="https://github.com/whjin/TBuys" class="experience-project-link">DEMO</a></span></h3><dl class="experience-description timeline-content"><dt class="experience-project-name">Node电商系统</dt><dd class="experience-task"><strong>Node.js+Express+Mongodb+Bootstrap</strong>设计的电商管理系统。</dd></dl></li><li class="timeline-item experience-project"><h3 class="timeline-title"><span class="experience-project-type">项目</span><span class="experience-title-aside"><a href="https://github.com/whjin/vue-mall" class="experience-project-link">源代码</a><a href="https://whjin.github.io/vue-mall" class="experience-project-link">DEMO</a></span></h3><dl class="experience-description timeline-content"><dt class="experience-project-name">臻品商城</dt><dd class="experience-task">使用<strong>Vue+VueRouter+Vuex+Axios+Flex</strong>构建的臻品商城。</dd></dl></li><li class="timeline-item experience-project"><h3 class="timeline-title"><span class="experience-project-type">项目</span><span class="experience-title-aside"><a href="https://github.com/whjin/make-react-game" class="experience-project-link">源代码</a><a href="https://whjin.github.io/make-react-game" class="experience-project-link">DEMO</a></span></h3><dl class="experience-description timeline-content"><dt class="experience-project-name">React小游戏</dt><dd class="experience-task">使用<strong>React+ReactRouter+Redux</strong>设计的响应式井字棋小游戏。</dd></dl></li><li class="timeline-item experience-project"><h3 class="timeline-title"><span class="experience-project-type">项目</span><span class="experience-title-aside"><a href="https://github.com/whjin/make-quasar" class="experience-project-link">源代码</a><a href="https://whjin.github.io/make-quasar" class="experience-project-link">DEMO</a></span></h3><dl class="experience-description timeline-content"><dt class="experience-project-name">玩趣旅行</dt><dd class="experience-task">使用<strong>Vue+VueRouter+Quasar</strong>构建<strong>Material</strong>主题风格的响应式旅游网站。</dd></dl></li></ul></div></section></article><article class="column-6 last column"><section class="skills"><div class="sec-title-wrapper"><h3 class="sec-title"><span class="sec-title-ch">技能</span><span class="sec-title-en">Skills</span></h3></div><div class="timeline-wrapper"><ul class="sec-content timeline"><li class="timeline-item skills-frontend"><h3 class="timeline-title"><span class="skills-type">Web 前端</span></h3><dl class="skills-description timeline-content"><dt class="skills-item-summary"><strong>HTML5/CSS3/ES6</strong></dt><dd class="skills-item-description"><span>熟悉已标准化的 <strong>HTML5/CSS3</strong> 新特性</span></dd><dd class="skills-item-description"><span>能够编写语义化的 <strong>HTML</strong>，模块化的 <strong>CSS</strong>，实现较复杂的布局与动画</span></dd><dd class="skills-item-description"><span>熟悉 <strong>ECMAScript（JavaScript）</strong>，对 <strong>JavaScript</strong> 引擎及相关 <strong>JIT</strong> 技术有一定的了解</span></dd><dd class="skills-item-description"><span>了解 <strong>ECMAScript</strong> 新标准与相关后处理工具，并能在项目中使用</span></dd><dd class="skills-item-description"><span>熟悉原生 <strong>DOM</strong> 与 <strong>BOM</strong> 的使用及相关标准（<strong>W3C / WHATWG</strong>），有桌面/移动端前端组件的开发经验</span></dd></dl></li><li class="timeline-item skills-backend"><h3 class="timeline-title"><span class="skills-type">Web 后端</span></h3><dl class="skills-description timeline-content"><dt class="skills-item-summary"><strong>Node.js</strong></dt><dd class="skills-item-description"><span>能够使用 <strong>Node.js API</strong> 或 <strong>Express</strong> 搭建简单的后端程序与数据库交互，渲染模板及提供 <strong>RESTful API</strong></span></dd><dd class="skills-item-description"><span>能编写简单的 <strong>Express / Connect</strong> 中间件，使用<strong>Mocha</strong>与<strong>Chai</strong>编写单元测试</span></dd><dd class="skills-item-description"><span>了解 <strong>HTTP</strong>、<strong>TCP/IP</strong>、<strong>WebSocket</strong> 等协议，熟悉 <strong>MongoDB/MySQL</strong> 数据库</span></dd></dl></li><li class="timeline-item skills-practice"><h3 class="timeline-title"><span class="skills-type">Web 实践</span></h3><dl class="skills-description timeline-content"><dt class="skills-item-summary"><strong>前端工程实践</strong></dt><dd class="skills-item-description"><span>使用 <strong>Vue</strong> 构建电商应用，了解 <strong>Vue/React</strong> 及前端 <strong>MV*</strong> 模型</span></dd><dd class="skills-item-description"><span>熟悉<strong>jQuery/Bootstrap</strong>的使用、定制与扩展, 阅读过部分源代码</span></dd><dd class="skills-item-description"><span>在项目中使用过<strong>RequireJS/WebPack</strong>等多种模块化解决方案，以及<strong>Less/Sass/Stylus</strong>等预处理/后处理工具</span></dd><dd class="skills-item-description"><span>掌握基本的前端兼容性处理、性能优化机巧，并能在项目中加以实践</span></dd><dd class="skills-item-description"><span>熟悉使用<strong>mpvue</strong>、<strong>uni-app</strong>框架开发微信小程序，并进行深入研究实践</span></dd></dl></li><li class="timeline-item skills-miscellaneous"><h3 class="timeline-title"><span class="skills-type">Web 工具</span></h3><ul class="skills-description skills-miscellaneous timeline-content"><li class="skills-item-description"><span>能够使用 <strong>PhotoShop/Illustrator</strong> 完成页面设计</span></li><li class="skills-item-description"><span>日常使用 <strong>Git</strong>与<strong>WebStorm/VSCode</strong> 进行开发，也乐于尝试新工具</span></li><li class="skills-item-description"><span>能够使用 <strong>Markdown</strong> 编写得体的中英文文档或论文，具备良好的技术交流能力</span></li><li class="skills-item-description"><span>了解 <strong>Linux</strong> 的基本操作，常用命令与配置，能编写简单的 <strong>bash</strong> 脚本</span></li><li class="skills-item-description"><span>良好的英文阅读能力，能够研读英文文档与技术书籍，喜欢在<strong>Medium</strong>和<strong>Stack Overflow</strong>进行交流</span></li></ul></li></ul></div></section></article></article></main></div><footer><p>&copy;<script>document.write(new Date().getFullYear());</script>&nbsp;<a href="https://github.com/whjin" title="github">whjin</a> &#124;&nbsp;<span id="busuanzi_container_site_pv" style="display: inline;">访问 </span><a href="http://service.ibruce.info/"><span id="busuanzi_value_site_pv"></span></a> 次&nbsp;<a href="http://service.ibruce.info/"><span id="busuanzi_value_site_uv"></span></a> 人</p></footer></body></html>